<script type="text/javascript" src="views/parkLotCenter/facilitiesManage/js/parkOrgpark.js"></script>
<script src="js/tab/jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>
<style type="text/css">
    /* 新-切换样式 */
    .w1200 {
        width: 1120px;
        margin: 0 auto;
    }

    .important {
        padding: 20px 0 0px 0;
        width: 1120px;
        margin: 0 auto;
    }

    .important li {
        float: left;
        margin-right: 33px;
    }

    .important li:last-child {
        float: left;
        margin-right: 0;
    }

    .important li a {
        display: block;
        width: 197px;
        height: 60px;
        display: block;
        color: #fff;
        cursor: pointer;
    }

    .important li a:hover {
        text-decoration: none;
    }

    .important li span {
        width: 197px;
        height: 60px;
        line-height: 60px;
        display: block;
        color: #fff;
        text-align: center;
        font-size: 20px;
        text-indent: 50px
    }

    .important_l {
        width: 100%;
        float: left;
        margin: 40px auto 0;
    }

    .important .rcsp_1 span {
        background: url(images/basicInfo-icon1.png) no-repeat top center
    }

    .important .rcsp_2 span {
        background: url(images/basicInfo-icon2.png) no-repeat top center
    }

    .important .rcsp_3 span {
        background: url(images/basicInfo-icon3.png) no-repeat top center
    }

    .important .rcsp_4 span {
        background: url(images/basicInfo-icon4.png) no-repeat top center
    }

    .important .rcsp_5 span {
        background: url(images/basicInfo-icon5.png) no-repeat top center
    }

    .w1200 .important .rcsp_1:hover span,
    .w1200 .important .rcsp_2:hover span,
    .w1200 .important .rcsp_3:hover span,
    .w1200 .important .rcsp_4:hover span,
    .w1200 .important .rcsp_5:hover span {
        transition: background 0.3s;
        -moz-transition: background 0.3s;
        -ms-transition: background 0.3s;
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
    }

    .w1200 .important .rcsp_1:hover span {
        background: url(images/basicInfo-icon1.png) no-repeat bottom center
    }

    .w1200 .important .rcsp_2:hover span {
        background: url(images/basicInfo-icon2.png) no-repeat bottom center
    }

    .w1200 .important .rcsp_3:hover span {
        background: url(images/basicInfo-icon3.png) no-repeat bottom center
    }

    .w1200 .important .rcsp_4:hover span {
        background: url(images/basicInfo-icon4.png) no-repeat bottom center
    }

    .w1200 .important .rcsp_5:hover span {
        background: url(images/basicInfo-icon5.png) no-repeat bottom center
    }

    .important .rcsp_9 {
        margin-right: 0px;
    }

    .important li strong {
        border-bottom: 4px solid #00c61c;
        position: relative;
        display: block;
        z-index: 4;
    }

    .important li strong i {
        display: none;
        position: absolute;
        width: 0px;
        height: 0px;
        border: 15px solid transparent;
        display: block;
        left: 50%;
        margin-left: -11px;
        border-top-color: #00c61c;
    }

    #wrapper {
        background-color: #f0f0f0;
        width: 100%;
        height: 520px;
    }
</style>
<script>
    var parkOrg = null;
    $(document).ready(function () {
        parkOrg = new parkOrgparkJs($("#parkOrgparkDiv"));
    });
    function standardInformationGetAll(t) {
        $(t).parents('table').find('input[type=checkbox]').prop('checked', t.checked);
    }
</script>

<!---  新-右侧切换JS  --->
<script type="text/javascript">
    $(function () {
        var tabNum = $(".important").find("li");
        var contentNum = $(".contents").children();
        var timer;
        $(tabNum).each(function (index) {
            $(this).hover(function () {
                var that = $(this)
                timer = window.setTimeout(function () {
                    $(contentNum).eq(index).css({"display": "block"});
                    $(contentNum).eq(index).siblings().css({"display": "none"});
                    that.find("a").css({"background": "#FFF", "color": "#fff"});
                    that.find("strong").show();
                    that.siblings().find("strong").hide();
                    that.siblings().find("a").css({"background": "#fff", "color": "black"});
                }, 100)
            }, function () {
                window.clearTimeout(timer);
            })
        })
    })
    $(function () {
        var tabNum = $(".product_ul").find("li");
        var contentNum = $(".contents").children();
        var timer;

        $(tabNum).each(function (index) {
            $(this).hover(function () {
                var that = $(this)
                timer = window.setTimeout(function () {
                    $(contentNum).eq(index).css({"display": "block"});
                    $(contentNum).eq(index).siblings().css({"display": "none"});
                    that.find("a").css({"background": "#1dd2af", "color": "#fff"});
                    that.siblings().find("a").css({"background": "#fff", "color": "black"});
                }, 100)
            }, function () {
                window.clearTimeout(timer);
            })
        })
    })
</script>

<!---  新-切换效果和内容  --->
<div id="parkOrgparkDiv" style="height:100%">
    <div id="wrapper" class="w1200" style="height:calc(100% - 65px);overflow-y:auto;">
        <div class="basicInfoContent-panel ">
            <div class="basicInfo-box">
                <ul class="important cl">
                    <li class="rcsp_1">
                        <a><span>基本信息</span></a>
                        <strong><i></i></strong>
                    </li>
                    <li class="rcsp_2">
                        <a><span>参数设置</span></a>
                        <strong style="display:none"><i></i></strong>
                    </li>
                    <li class="rcsp_3">
                        <a><span>收费标准</span></a>
                        <strong style="display:none"><i></i></strong>
                    </li>
                    <li class="rcsp_4">
                        <a><span>存储周期</span></a>
                        <strong style="display:none"><i></i></strong>
                    </li>
                    <li class="rcsp_5">
                        <a><span>车位分布</span></a>
                        <strong style="display:none"><i></i></strong>
                    </li>
                </ul>
                <div class="contents">
                    <div>
                        <div class="important_l">
                            <div class="list">
                                <div class="list-text">
                                    <label>停车场全称：</label>
                                    <input class="k-textbox input-info" type="text" data-bind="value:organizationName"
                                           pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="请检查停车场全称是否为空或含有特殊字符" required/>
                                    <input class="k-textbox input-info" type="hidden"
                                           data-bind="value:organizationTypeCode"/>
                                    <input class="k-textbox input-info" type="hidden" data-bind="value:orgLevel"/>
                                    <input class="k-textbox input-info" type="hidden" data-bind="value:parentCode"/>
                                </div>
                                <div class="list-text">
                                    <label>停车场简称：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_basic_parkingNameForShort"
                                           pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="检测到停车场简称含有特殊字符"/>
                                </div>
                                <br/>
                                <div class="list-text">
                                    <label>停车场编号：</label>
                                    <input class="k-textbox input-info" type="text" disabled="disabled"
                                           placeholder="系统自动生成..." data-bind="value:organizationCode"/>
                                </div>
                                <div class="list-text">
                                    <label>联系电话：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_basic_contactPhone"
                                           validationMessage="请输入正确的手机或固话号码"
                                           pattern="((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)"/>
                                </div>
                                <br/>
                                <div class="list-text">
                                    <label>收费标准：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_basic_bchargeStandard"
                                           />
                                </div>
                                <div class="list-text">
                                    <label>服务时段：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_basic_serviceTime"
                                           />
                                </div>
                                <br/>
                                <div class="list-text">
                                    <label>停车场地址：</label>
                                    <input class="k-textbox input-info" type="text" style="width:650px;"
                                           data-bind="value:equipmentManagements_basic_parkingAdress"
                                           pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="请检查停车场地址是否为空或含有特殊字符" required/>
                                </div>
                                <br/>
                                <div class="list-text">
                                    <label>备注：</label>
                                    <textarea class="k-textbox" style="width:650px;height:80px;resize: none;"
                                              maxlength="100"
                                              data-bind="value:equipmentManagements_basic_remark"> </textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="display: none">
                        <div class="important_l">
                            <div class="list">
                                <!--<div class="layerTitle left clear"><span style="background:#f0f0f0">基本参数</span></div>-->
                                <div style="width:100%;">
                                <div class="list-text">
                                    <label>通行模式配置：</label>
                                    <input type="text" style="width:250px" id="trafficPatterns"
                                           data-bind="value:equipmentManagements_params_trafficPatterns" validationMessage="请选择通行模式配置" required>
                                </div>
                                <div class="list-text">
                                    <label>中央缴费滞留时间：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_params_residenceTime"
                                           validationMessage="请在中央缴费滞留时间输入正整数" pattern="^(0|[1-9][0-9]*)$"/>分钟
                                </div>
                                <div class="list-text">
                                    <label>启用黑名单：</label>
                                    <div class="switch-button">
                                        <div class="checkbox">
                                            <input type="checkbox"
                                                   data-bind="value:equipmentManagements_params_blacklist"/>
                                            <label></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-text">
                                    <label>启用App锁车：</label>
                                    <div class="switch-button">
                                        <div class="checkbox">
                                            <input type="checkbox"
                                                   data-bind="value:equipmentManagements_params_appLockVeh"/>
                                            <label></label>
                                        </div>
                                    </div>
                                </div>
                                <br/>
                                <div class="list-text">
                                    <label>月卡转临时卡：</label>
                                    <div class="switch-button">
                                        <div class="checkbox">
                                            <input type="checkbox"
                                                   data-bind="value:equipmentManagements_params_monthToTempCard"/>
                                            <label></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-text">
                                    <label>多车多位：</label>
                                    <div class="switch-button">
                                        <div class="checkbox">
                                            <input type="checkbox"
                                                   data-bind="value:equipmentManagements_params_mvmp"/>
                                            <label></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-text">
                                    <label>当日结算时间：</label>
                                    <input type="text" id="cutoffTime"  style="width:250px" timePicker=" " data-bind="value:equipmentManagements_params_settlementTime" validationMessage="请输入有效时分(24小时制)" data-bind="value:settlementTime" pattern="^([01]\d|2[0123]):([0-5]\d|60)$"/>
                                </div>
                                <div class="list-text">
                                    <label>物业缴费提醒：</label>
                                    <span>第</span>
                                    <input class="k-textbox input-info" type="text" style="width:80px"
                                           data-bind="value:equipmentManagements_params_tipsMonth"
                                           validationMessage="请在物业缴费提醒月输入正整数" pattern="^([1-9]\d{0}|[0-0]\d{1}|1[0-2])$"/>
                                    <span>月</span>
                                    <span>，</span>
                                    <span>第</span>
                                    <input class="k-textbox input-info" type="text" style="width:80px"
                                           data-bind="value:equipmentManagements_params_tipsDay"
                                           validationMessage="请在物业缴费提醒日输入正整数" pattern="^([1-9]\d{0}|[0-2]\d{1}|3[0-1])$"/>
                                    <span>日</span>
                                </div>

                                </div>
                                <!--<div class="list-text">
                                    <label>0元自动开闸：</label>
                                    <div class="switch-button">
                                        <div class="checkbox">
                                            <input type="checkbox" data-bind="value:equipmentManagements_params_autoOpened"/>
                                            <label></label>
                                        </div></div>
                                </div>-->
<!--                                 <div class="layerTitle left clear"><span style="background:#f0f0f0">微信参数</span></div> -->
<!--                                 <div style="width:100%"> -->
<!--                                 <div class="list-text"> -->
<!--                                     <label>启用微信支付：</label> -->
<!--                                     <div class="switch-button"> -->
<!--                                         <div class="checkbox"> -->
<!--                                             <input type="checkbox" id="startWxPay" -->
<!--                                                    data-bind="value:equipmentManagements_params_wxPay"/> -->
<!--                                             <label></label> -->
<!--                                         </div> -->
<!--                                     </div> -->
<!--                                 </div> -->
<!--                                 <div id="showWx"> -->
<!--                                 <div class="list-text"> -->
<!--                                     <label>appid：</label> -->
<!--                                     <input class="k-textbox input-info" type="text" -->
<!--                                            data-bind="value:equipmentManagements_params_wxAppid" maxlength="50" -->
<!--                                            pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="检测到含有特殊字符"/> -->
<!--                                 </div> -->
<!--                                 <div class="list-text"> -->
<!--                                     <label>微车场编号：</label> -->
<!--                                     <input class="k-textbox input-info" type="text" -->
<!--                                            data-bind="value:equipmentManagements_params_wxParkcode" maxlength="30" -->
<!--                                            pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="检测到含有特殊字符" /> -->
<!--                                 </div> -->
<!--                                 </div> -->
<!--                                 </div> -->
                            </div>
                        </div>
                    </div>
                    <div style="display: none">
                        <div class="important_l">
                            <div class="list">
                                <div style="float:left;width:100%;">
                                    <!--                         <div class="layerTitle left"><span style="background:#f0f0f0">临时车收费标准</span></div> -->
                                    <div class="list-text">
                                        <label>启用日历：</label>
                                        <div class="switch-button">
                                            <div class="checkbox">
                                                <input type="checkbox" id="calflag"
                                                       data-bind="value:equipmentManagements_charge_calTypeFlag"/>
                                                <label></label>
                                            </div>
                                        </div>
                                    </div>
                                    <!--                         <div class="list-text"> -->
                                    <!--                             <label>区分车型：</label> -->
                                    <!--                             <div class="switch-button"> -->
                                    <!--                                 <div class="checkbox"> -->
                                    <!--                                     <input type="checkbox" id="difflag" data-bind="value:equipmentManagements_charge_parkingDif"/> -->
                                    <!--                                     <label></label> -->
                                    <!--                                 </div></div> -->
                                    <!--                         </div><br /> -->
                                    <!--                         <div class="list-text" id="one"> -->
                                    <!--                             <label>工作日收费标准：</label> -->
                                    <!--                             <input style="width:250px" type="text" id="workingDaysStandard" data-bind="value:equipmentManagements_charge_workingDaysStandard"> -->
                                    <!--                         </div> -->
                                    <!--                         <div class="list-text" id="two"> -->
                                    <!--                             <label>节假日收费标准：</label> -->
                                    <!--                             <input style="width:250px" type="text" id="holidaySeasonStandard" data-bind="value:equipmentManagements_charge_holidaySeasonStandard"> -->
                                    <!--                         </div><br /> -->
                                    <div class="list-text" id="three">
                                        <div class="workRecord-info" style="width:900px;display:inline-block;">
                                            <div style="height:210px;overflow:auto">
                                                <!--                                     <div class="charge-title"> -->
                                                <!--                                         <span style="padding:0 15px">收费标准:</span> -->
                                                <!--                                         <a data-bind="click:createRow"><img src="images/icon_addTo.png" />新增</a> -->
                                                <!--                                         <a data-bind="click:deleteRow"><img src="images/icon_delTo.png" />删除</a> -->
                                                <!--                                     </div> -->
                                                <table width="100%" id="charge_list">
                                                    <thead>
                                                    <tr>
                                                        <!--                                             <th width="3%" style="text-align:center;"><input type="checkbox" onclick="standardInformationGetAll(this)" /></th> -->
                                                        <th width="17%" style="text-align:center;">车型类型</th>
                                                        <th width="18%" style="text-align:center;">收费标准</th>
                                                        <th width="18%" style="text-align:center;">节假日收费标准</th>
                                                        <th width="18%" style="text-align:center;">工作日收费标准</th>
                                                        <th width="26%" style="text-align:center;">月租收费标准</th>
                                                        <th width="29%" style="text-align:center;">开闸方式</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody></tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="display: none">
                        <div class="important_l">
                            <div class="list">
                                <div class="list-text">
                                    <label>图片存储周期：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_setting_photoStorageCycle"
                                           validationMessage="图片存储周期必须为正整数" pattern="^[1-9]\d*$"/>
                                    <span>(天)</span>
                                </div>
                                <div class="list-text">
                                    <label>图片存储路径：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_setting_photoStorageUrl"/>
                                </div>
                            </div>
                            <div class="list">
                            	<div class="list-text">
                                    <label>图片网络路径：</label>
                                    <input class="k-textbox input-info" type="text" data-bind="value:equipmentManagements_setting_photoNetworkUrl">
                                </div>
                                
                            </div>
                            <div class="list">
                                <div class="list-text">
                                    <label>系统日志存储周期：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_setting_systemLogCycle"
                                           validationMessage="系统日志存储为正整数" pattern="^[1-9]\d*$"/>
                                    <span>(天)</span>
                                </div>
                                <div class="list-text">
                                    <label>系统日志存储路径：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_setting_systemLogUrl"/>
                                </div>
                               
                            </div>
                            <div class="list">
                                 <div class="list-text">
                                    <label>停车记录存储周期：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_setting_parkingRecordCycle"
                                           validationMessage="停车记录存储周期必须为正整数" pattern="^[1-9]\d*$"/>
                                    <span>(天)</span>
                                </div>
                                <div class="list-text">
                                    <label>硬盘最小容量报警：</label>
                                    <input class="k-textbox input-info" type="text"
                                           data-bind="value:equipmentManagements_setting_minHardDriveCapacity"
                                           validationMessage="请输入有1~3位小数的正实数" pattern="^\d{0,8}\.{0,1}(\d{1,2})?$"/>
                                    <span>(MB)</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="display: none">
                        <div class="important_l">
                            <div class="list">
                                <div class="workRecord-info" style="width:800px;margin:0 auto">
                                    <table width="100%">
                                        <thead id="titleList">
                                        </thead>
                                        <tbody id="listView" style="position:inherit">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="basicInfo-btn" style="border-top:1px solid #c5c5c5">
        <button class="save" data-bind="click:saveparkOrg">确定</button>
        <button class="cancel" data-bind="click:cancel">取消</button>
    </div>
</div>